.wallet-index-container {
	padding: 0 0.26rem;
	line-height: 0.4rem;
	.circle {
		width: 100%;
		height: 2rem;
		background: #5cba64;
		border-radius: 50%;
		transform: scale(1.6);
		position: relative;
		top: -0.8rem;
	}
	.banner {
		margin: 0 auto;
		background: #dadada;
		top: -1.6rem;
		height: 2rem;
		z-index: 2;
		position: relative;
	}
	.card {
		margin: 0 auto;
		margin-bottom: 0.2rem;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.06);
		border-radius: 8px;
		&.flex {
			display: flex;
			padding: 0.32rem 0.38rem;
			align-items: center;
			justify-content: space-between;
		}
		.padding {
			padding: 0.36rem 0.38rem;
		}
		.border {
			border-bottom: 1px solid #e3e3e3;
		}
		.one-line {
			display: flex;
			align-items: center;
			justify-content: space-between;
			& > div {
				width: 50%;
				text-align: center;
				padding-top: 0.3rem;
				padding-left: 0.38rem;
				padding-bottom: 0.2rem;
				&:first-child {
					border-right: 1px solid #e3e3e3;
				}
			}
		}
	}
	.font-grey {
		color: #888888;
	}
	.font-green {
		color: #5cba64;
		font-size: 0.3rem;
		font-weight: bold;
	}
	.font-big {
		font-size: 0.3rem;
		color: #030303;
		margin-bottom: 0.1rem;
		font-weight: bold;
	}
	.main-title {
		font-size: 0.36rem;
		margin-bottom: 0.2rem;
		font-weight: bold;
		margin-top: -1.1rem;
	}
	.font-red {
		color: #e47d78;
	}
	.money {
		position: relative;
		&::before {
			position: absolute;
			content: "¥";
			font-size: 12px;
			color: #888888;
			left: -10px;
			transform: scale(0.8);
		}
	}
}
